﻿<!DOCTYPE html>
<html ng-app="pizza">
<head>
    <title></title>
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <link href="site.css" rel="stylesheet" />
</head>
<body>
    <div ng-controller="HomeController">
        <input class="form-control" ng-model="test" />
        <button class="btn btn-primary" ng-click="addTask()">Submit</button>

        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Input</th>
                    <th>Edit Button</th>
                    <th>Delete Button</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="input in inputs">
                    <td ng-show="!isEditing">{{input}}</td>
                    <td ng-show="isEditing"><input class="form-control" placeholder="You will see..." ng-model="input" /></td>
                    <td ng-show="!isEditing"><button class="btn btn-info" ng-click="isEditing = true;">Edit</button></td>
                    <td ng-show="isEditing"><button class="btn btn-info" ng-click="editTask($index, input); isEditing = false;">Edit</button></td>
                    <td><button class="btn btn-danger" ng-click="deleteTask($index)">Delete</button></td>

                </tr>
            </tbody>
        </table>
    </div>

    <script src="Scripts/angular.min.js"></script>
    <script src="script.js"></script>
</body>
</html>
